<template>
  <div class="w-full h-screen overflow-hidden" ref="boxRef">
    <div class="w-full h-[calc(100vh-50px)] overflow-y-auto">
      <router-view />
    </div>
    <van-tabbar v-model="active" @change="jumpFn">
      <van-tabbar-item icon="home-o">标签</van-tabbar-item>
      <van-tabbar-item icon="search">标签</van-tabbar-item>
      <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script setup>
import {ref} from "vue"
const active = ref(0)
const jumpFn = () => {
  console.log(active.value)
}
</script>